﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ManageHTMLRule.aspx.cs" Inherits="famails.BackEnd.page.ManageHTMLRule" MasterPageFile="~/Master.Master" %>
<%@ Register assembly="CollectionPager" namespace="SiteUtils" tagprefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div style="width:100%;padding:10px;">
        <style>

    .hung a {
        padding: 3px 5px;
        text-decoration: none;
        background:#333;
        color:#fff;
        margin:0px 5px;
        border:1px solid #333;
    }
    .hung b {
        padding: 3px 5px;
        text-decoration: none;
        background:#fff;
        color:#333;
        margin:0px 5px;
        border:1px solid #333;
    }

            #ContentPlaceHolder1_chkGmail {
                height:20px;
                width:20px;
                margin-right:0px;
                margin-top:6px;
            }
            #ContentPlaceHolder1_chkYahoo {
                height:20px;
                width:20px;
                margin-right:0px;
                margin-top:6px;
            }
            #ContentPlaceHolder1_chkHotMail {
                height:20px;
                width:20px;
                margin-right:0px;
                margin-top:6px;
            }
            #ContentPlaceHolder1_chkAOL {
                height:20px;
                width:20px;
                margin-right:0px;
                margin-top:6px;
            }
            #ContentPlaceHolder1_chkOutLook {
                height:20px;
                width:20px;
                margin-right:0px;
                margin-top:6px;
            }
        </style>
        <!--start content 01-->
        <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="border:1px solid #333;padding:0px;margin-bottom:10px;">
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding:10px 20px;background:#000;color:#fff;font-size:18px;font-weight:bold;position:relative;">   
               Thêm tiêu chuẩn
            </div>
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="height: auto;padding:10px;">
                 <asp:Panel Visible="false" ID="pnError" runat="server">
                    <div class="error-box round">
                        <asp:Label ID="lblError" runat="server" Text=""></asp:Label>
                    </div>
                </asp:Panel>
                <asp:Panel Visible="false" ID="pnSuccess" runat="server">
                    <div class="confirmation-box round">
                        <asp:Label ID="lblSuccess" runat="server" Text=""></asp:Label>
                    </div>
                </asp:Panel>
            </div>
            <div class="col-md-4 col-xs-6 col-sm-6 col-lg-4" style="height: auto;padding:10px;">
                <fieldset>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            Thuộc tính</label>
                        <asp:TextBox ID="txtAttr" runat="server" CssClass="form-control" style="border:1px solid #333;border-radius:0px;"></asp:TextBox>                   
                </fieldset>
            </div>
            <div class="col-md-3 col-xs-6 col-sm-6 col-lg-3 pull-right" style="height: auto;padding:10px;text-align:center;height:73px;">
                <fieldset>

                        <div style="padding-top:20px;">
                        <button runat="server" class="btn" style="float:left;margin-right:10px;background:#333;color:#fff;text-align:center;padding:6px 15px;border-radius:0px;" 
                            onserverclick="btnSave_Click">
                            <i style="margin-right:10px;" class="fa fa-upload"></i> cập nhật
                        </button>
                        </div>
                </fieldset>
            </div>
            <div class="col-md-1 col-xs-2 col-sm-2 col-lg-1" style="height: auto;padding:10px 0px;text-align:center;">
                <fieldset>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            Gmail</label><br/>
                       <asp:CheckBox ID="chkGmail" runat="server" />
                </fieldset>
            </div>
            <div class="col-md-1 col-xs-2 col-sm-2 col-lg-1" style="height: auto;padding:10px 0px;text-align:center;">
                <fieldset>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            YahooMail</label><br/>
                       <asp:CheckBox ID="chkYahoo" runat="server" />
                </fieldset>
            </div>
            <div class="col-md-1 col-xs-2 col-sm-2 col-lg-1" style="height: auto;padding:10px 0px;text-align:center;">
                <fieldset>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            HotMail</label><br/>
                       <asp:CheckBox ID="chkHotMail" runat="server" />
                </fieldset>
            </div>
            <div class="col-md-1 col-xs-2 col-sm-2 col-lg-1" style="height: auto;padding:10px 0px;text-align:center;">
                <fieldset>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            AOLMail</label><br/>
                       <asp:CheckBox ID="chkAOL" runat="server" />
                </fieldset>
            </div>
            <div class="col-md-1 col-xs-2 col-sm-2 col-lg-1" style="height: auto;padding:10px 0px;text-align:center;">
                <fieldset>
                        <label for="simple-input" style="font-weight: bolder; text-transform: none">
                            Outlook</label><br/>
                       <asp:CheckBox ID="chkOutLook" runat="server" />
                </fieldset>
            </div>
        </div>
    <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="border:1px solid #333;padding:0px;margin-bottom:10px;">
            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding:10px 20px;background:#000;color:#fff;font-size:18px;font-weight:bold;position:relative;">   
               Bảng tiêu chuẩn HTML
            </div>
        <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="height: auto;padding:10px;">
                <fieldset>
                    <div class=" table-responsive">
                    <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                        <thead>
                            <tr>
                                <th>Thuộc tính</th>
                                <th>Gmail</th>
                                <th>YahooMail</th>
                                <th>HotMail</th>
                                <th>AOLMail</th>
                                <th>Outlook</th>
                                <th style="width:100px;">Chức năng</th>
                            </tr>
                        </thead>
                        <tbody>
                    <asp:Repeater ID="dtlHTML" runat="server">
                         <ItemTemplate>
                            <tr>
                                <td>
                                    <asp:Label ID="lblAttr" runat="server" Text='<%# Eval("Attribute") %>' ></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblGmail" runat="server" Text='<%# Eval("Gmail") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblYahooMail" runat="server" Text='<%# Eval("YahooMail") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblHotMail" runat="server" Text='<%# Eval("WindowsLiveMail2011") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblAOLMail" runat="server" Text='<%# Eval("AOLMail") %>'></asp:Label>
                                </td>
                                <td>
                                    <asp:Label ID="lblOutlook" runat="server" Text='<%# Eval("Outlook071013") %>'></asp:Label>
                                </td>
                                <td style="text-align:center;">
                                    <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="../resource/images/edit-validated-icon.png"
                                              CommandArgument='<%# Eval("Attribute") %>' onclick="btnEdit_Click" />
                                    &nbsp;&nbsp;&nbsp;
                                    <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="../resource/images/Delete-icon.png"
                                        CommandArgument='<%# Eval("Attribute") %>'  
                                        OnClientClick="return confirmDelete('Bạn có chắc rằng sẽ xóa thuộc tính này không ?')" 
                                        onclick="btnDelete_Click" />
                                </td>
                            </tr>     
                         </ItemTemplate>
                     </asp:Repeater>
                        </tbody>
                    </table>
                </div>
                    <cc1:CollectionPager
                            ID="dlPager" runat="server"
                        BackNextDisplay="HyperLinks" BackText="<span style='padding:5px;color:#fff;'>Trước</span>" 
                        ControlCssClass="hung pull-right" LabelText="" NextText="<span style='padding:5px;color:#fff;'>Sau</span>" 
                            
                        ResultsFormat="Hiện thị kết quả {0}-{1} ({2})" ResultsLocation="None" SliderSize="3"
                        BackNextLocation="Split" PageNumbersDisplay="Numbers">
                    </cc1:CollectionPager>
                </fieldset>
        </div>
    </div>
    
    </div>
</asp:Content>

